<template>
  <div class="home">
    <div class="info">{{info}}</div>
    <div class="iconfont icon-hehushujuzhanshi_green"></div>
    <button @click="SET_INFO('aa')">change</button>
    <Loading />
  </div>
</template>

<script>
import Loading from 'base/Loading/Loading'
import { mapState, mapMutations } from 'vuex'

export default {
  components: {
    Loading
  },
  computed: {
    ...mapState({
      'info': state => state.home.info
    })
  },
  methods: {
    ...mapMutations({
      'SET_INFO': 'home/SET_INFO'
    })
  }
}
</script>

<style lang="scss" scoped>
  @import '~common/scss/color';

  .home {
    .info {
      color: $Green
    }
  }
</style>
